<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-02 15:04:13
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-02 15:52:43
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // localstorage  sessionstorage 
        // cookie 



       /*  cookie 和 storage的区别   

        1.出现时间 
        cookie 有js的时候就有了
        storage h5出现才有 html4 不支持 

        2. 存储大小 
        cookie 4k 
        storage 20m 左右
        
        3. 前后端交互 
        cookie 自动携带 程序员不用管  
        storage 不会跟随请求自动携带  

        4.过期时间 
        cookie 能手动设置过期时间  默认关闭浏览器就失效
        storage 不能手动设置  


        localstorage  sessionstorage 的区别

        localstorage 永不过期  
        sessionstorage会话结束 关闭浏览器就过期  

        localstorage 直接跨页面通讯  
        sessionstorage 必须是从该页面跳转过去的才能通讯 



        共同点  
        只能放基本类型不能复杂类型 
        存储复杂类型 存进去的是[object Object]

        拿出来的也是 [object Object]

        需要转成json 在往里放 


        cookie 登录注册 
        storage 保持登录时间  加入购物车
         */

        // 后边做项目  比如写个商城 用户点击商品详情页加入购物车
        // 你可以把这个购物车的数据放在本地存储 
        // 比如把商品的信息放到对象中 
        // 然后把对象转成json格式放进去 
        /// 购物车计算 需要将存储的内容读出来 发给服务器 


        // 用户想一个月免登录 
        // 需要本地存储你的信息 网页一打开就会读取信息 
        // 如果有 说明你登录了 

        // 没有说明 你没有登录 需要手动登录 

    </script>
</body>
</html>